<!-- 签到记录页面 -->
<template>
	<view class="context">
		<view v-for="index in isTitle">
			<view class="he" >
				<!-- 标题(已到/未到) -->
				<view class="title">{{ index }}</view>
				<!-- 人数 -->
				<view class="count">5人</view>
			</view>
			<!-- 显示已到达/未到达 -->
			<view class="box">
				<view class="countShow">
					<scroll-view scroll-y class="scroll-list">
						<view class="info" v-for="i in 5">
							<!-- 名字 -->
							<text>名字</text>
							<!-- 日期 -->
							<text>2024-07-02 12:12: 00</text>
						</view>
					</scroll-view>
				</view>
			</view>
		</view>
		
	</view>
</template>

<script>
	export default {
		data() {
			return {
				isTitle:['已到人数','未到人数']	
			}
		},
		methods: {
			
		}
	}
</script>

<style>
.context {

}
.he {
	display: flex;
	justify-content: space-between;
}
.he view {
	padding: 3%;
}
.box {
	width: 100%;
	display: flex;
	justify-content: center;
}
.title {
	font-weight: 500;
}
.countShow {
	height: 40vh;
	width: 90%;
	box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
	border-radius: 20rpx;
}
.scroll-list {
	height: 100%;
	width: 100%;
}

.info{
	width: 100%;
	display: flex;
	justify-content: space-between;
}
.info text {
	padding: 1%;
}
</style>
